<template>
  <view class="content">
    <view class="g-header">
    </view>
    <view class="innerPre">
    </view>
    <view class="inner">

      <view class="we1">
        <view class="we11">慈善币</view>
        <view class="we12">
          <view class="we12Text">199</view>
          <view class="we12Icon"></view>
        </view>

      </view>
      <view class="we2">
        <view class="we2Title">
          慈善币明细
        </view>
        <view class="tabListWrap">
          <view class="tabList">
            <view class="tabLi" :class="{tabLiActive:n.value === tabListActiveValue}" v-for="(n,i) in tabList" :key="i" @click="tabListActiveIndexChange(n,i)">
              {{ n.label }}
            </view>
          </view>
        </view>

        <view class="contentList">
          <view class="weLi" v-for="(n,i) in list" :key="i" @click="">
            <view class="weLi1">
              <view class="weLi12">充值获得</view>
              <view class="weLi12">2022-04-02 12:30:23</view>
            </view>
            <view class="weLi2">+11</view>
            <view class="weLi3"></view>
          </view>
        </view>

      </view>

    </view>
    <view class="innerNext">
    </view>
  </view>
</template>

<script>
import * as util from '@/common/util'
import _ from 'lodash'

export default {
  components: {},
  data(){
    return {
      title: 'Hello',
      list: [
        {},
        {},
        {},
      ],
      tabList: [
        { label: '全部', value: '' },
        { label: '已获得', value: '1' },
        { label: '已捐赠', value: '2' },
      ],
      tabListActiveValue: '',
    }
  },
  onLoad(){
    this.id = this.$Route.query.id
    console.log(`this.id`, this.id)
  },
  onShow(){},
  mounted(){},
  onReady(){},
  methods: {
    tabListActiveIndexChange(n, i){
      this.tabListActiveValue = n.value
    },
  },
}
</script>
<style lang="scss">
@import "./000.scss";


</style>
